<script setup lang="ts">
import { ref } from 'vue'

const flag = ref(false)
</script>
<template>
  <div>
    <!-- 这种方式虽然能够展示,但是我们希望是通过调用一个方法 展示这个组件
      elementui中的方式  Message({type: 'success', message: 'xxx'})
    -->
    <button @click="flag = !flag">按钮</button>
    <XtxMessage type="error" v-if="flag"> 添加成功</XtxMessage>
  </div>
</template>

<style scoped></style>
